.radioGroupItem {
  border: none;
  background: none;
  padding: 0;
}

.radioGroupItem label {
  cursor: pointer;
  display: block;
  width: 90px;
  text-align: center;
  padding: 6px 12px;
  line-height: 24px;
  font-size: 14px;
  border: 2px solid #1684fc;
  color: #1684fc;
}

.radioGroupItem:not(:first-child) label {
  border-left: none;
}

.radioGroupItem:first-child label {
  border-radius: 4px 0 0 4px;
}

.radioGroupItem:last-child label {
  border-radius: 0 4px 4px 0;
}

.radioGroupItem:has(input:checked) label {
  background-color: #1684fc;
  color: #fff;
}

input[type="radio"] {
  display: none;
}